<template>
  <div id="home" class="gi_page home">
    <WorkCard />

    <!-- <a-alert>
      全新版本 v3.3.0 已发布，重构全局响应处理，点击查看
      <span class="link" @click="open('https://continew.top/admin/other/changelog.html')">更新日志</span>。
    </a-alert> -->

    <a-row class="home__content">
      <a-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" :xxl="24">
        <!-- <div class="home__item"><ProjectCard /></div> -->
        <div class="home__item"><AccessTrendCard /></div>
      </a-col>
    </a-row>

    <a-back-top :visible-height="100" target-container="#home" />
  </div>
</template>

<script setup lang="ts">
import WorkCard from './components/WorkCard.vue'
import AccessTrendCard from './components/AccessTrendCard.vue'

defineOptions({ name: 'Home' })

const open = (url: string) => {
  window.open(url, '_blank')
}
</script>

<style lang="scss" scoped>
.home {
  padding: 0;
  span.link {
    cursor: pointer;
    color: rgb(var(--arcoblue-6));
    font-weight: bold;
    &:hover {
      opacity: 0.7;
    }
  }
  &__content {
    padding: 6px;
  }
  &__item {
    padding: 6px;
    box-sizing: border-box;
    min-height: 800px;
  }
  .backtop-icon {
    cursor: pointer;
  }
}
</style>
